<div class="infoBlock infoBlockP">
<div class="infoBlockHeading"><span class="t">{$CONTENT.category.categories_name}</span></div>
<div class="infoBlockContent">

<div class="infoBlockItem">
<ul class="hs gimgs">
{section name=item loop=$CONTENT.items}
<li>
<div class="item">
<div class="img"><a href="{$CONTEXT.URL}p/{$CONTENT.items[item].link}{$CONTEXT.URL_SUFFIX}" onclick="javascript:;//slider.click('{$CONTENT.items[item].id}')" title="{$CONTENT.items[item].name}">{pp_pimage src=$CONTENT.items[item].image eid=$CONTENT.items[item].id url=$CONTEXT.URLBASE path_prefix="===CONFIG_DIR_UPLOADS_THUMBS" width=$CONTENT.items[item].image_width height=$CONTENT.items[item].image_height lw="200" lh="200" alt=$CONTENT.items[item].name}</a></div>
<div class="name"><a href="{$CONTEXT.URL}p/{$CONTENT.items[item].link}{$CONTEXT.URL_SUFFIX}" title="{$CONTENT.items[item].name}">{$CONTENT.items[item].name}</a></div>
<div class="desc"></div>
</div>
</li>
{/section}
</ul>
</div>

{literal}
<style type="text/css">
ul.gimgs {
	clear: both;
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
ul.gimgs li {
	float: left;
}
ul.gimgs li div.item {
	padding: 4px;
	margin: 4px;
}
</style>
{/literal}

</div>
</div>